﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Product List</title>
<link rel="stylesheet" type="text/css" href="../../../lib/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../../../lib/extjs/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="../../../lib/extjs/ext-all-debug.js"></script>
<script type="text/javascript" src="../Core.js"></script>
<script type="text/javascript" src="../Template.js"></script>
<script type="text/javascript" src="Product.js"></script>
<style>
.modalDialog {
    background: url("/css/../img/bgBuildTitle.gif") repeat-x scroll 0 0 #4B4B4A;
    border: medium none;
    display: none;
    margin: 0;
    min-height: 4em;
    padding: 2px 5px 5px;
    position: absolute;
    width: 32em;
    z-index: 100;
}
</style>
</head>
<body>
    <!-- use class="x-hide-display" to prevent a brief flicker of the content --> 
    <div id="west" class="x-hide-display"> 
        <p>Hi. I'm the west panel.</p> 
    </div> 
    <div id="east1" class="x-hide-display"> 
        <p><b>Done reading me? Close me by clicking the X in the top right corner.</b></p>
    </div> 
    <div id="east2" class="x-hide-display"> 
        <a id="hideit" href="#">Toggle the west region</a> 
        <p>My closable attribute is set to false so you can't close me.</p>  
        <hr> 
        <p>pp</p> 
    </div> 
    <div id="props-panel" class="x-hide-display" style="width:200px;height:200px;overflow:hidden;"> 
    </div> 
    <div id="north" class="x-hide-display"> 
        <p>south - generally for informational stuff, also could be for status bar</p> 
    </div> 
    <div id="south" class="x-hide-display"> 
        <p>south - generally for informational stuff, also could be for status bar</p> 
    </div> 
    <div id="newPw" class="x-hidden"></div>
</body>
</html>
